﻿
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>陕西省交口抽渭灌溉中心</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="/MobWeb/index/style.css?V=1" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/MobWeb/CSS/elem/index.css">

    <style>
        .wenzi {
            position: absolute;
            BOTTOM: 0PX;
            WIDTH: 100%;
            HEIGHT: 30PX;
            LINE-HEIGHT: 30PX;
            FONT-SIZE: 14PX;
            PADDING-LEFT: 10PX;
            color: white;
        }

        .b-line:after {
            border: 0px;
        }

        .aui-arrow span {
            font-size: 0.8rem;
            color: #9b9b9b;
        }

        .aui-arrow:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 2px 2px 0 0;
            border-color: #848484;
            border-style: solid;
            -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            position: relative;
            top: -2px;
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right: 2px;
            border-radius: 1px;
        }

        .aui-flex {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            padding: 15px;
            position: relative;
        }

        .aui-flex-box {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            min-width: 0;
            font-size: 14px;
            color: #333;
        }

        /* å¿…è¦å¸ƒå±€æ ·å¼css */
        .aui-flexView {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .aui-scrollView {
            width: 100%;
            height: 100%;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            position: relative;
            padding-bottom: 53px;
        }

        .aui-navBar {
            height: 44px;
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            z-index: 102;
            background: #fff;
        }

        .aui-navBar-item {
            height: 44px;
            min-width: 15%;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 15%;
            -ms-flex: 0 0 15%;
            flex: 0 0 15%;
            padding: 0 0.9rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 0.7rem;
            white-space: nowrap;
            overflow: hidden;
            color: #808080;
            position: relative;
        }

            .aui-navBar-item:first-child {
                -webkit-box-ordinal-group: 2;
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1;
                margin-right: -25%;
                font-size: 0.9rem;
                font-weight: bold;
            }

            .aui-navBar-item:last-child {
                -webkit-box-ordinal-group: 4;
                -webkit-order: 3;
                -ms-flex-order: 3;
                order: 3;
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                font-size: 14px;
                color: #333333;
            }

        .aui-center {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            height: 44px;
            width: 80%;
            margin-left: 14%;
        }

        .aui-center-title {
            text-align: center;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            display: block;
            text-overflow: ellipsis;
            font-size: 0.95rem;
            color: #333;
        }

        .icon {
            width: 23px;
            height: 23px;
            display: block;
            border: none;
            float: left;
            background-size: 23px;
            background-repeat: no-repeat;
        }

        .aui-color-bg {
            background: #fcf5e4;
            border-radius: 5px;
            padding: 10px;
            position: relative;
        }




        .aui-coupon img {
            width: 45px;
            height: 45px;
            display: block;
            border: none;
        }

        .aui-list-theme-message {
            padding: 10px;
        }

        .aui-list-item {
            box-shadow: none;
        }

        .aui-flex-box h3 {
            color: whitesmoke;
        }

        .b1 {
            background-color: #937cfa;
            background: -webkit-linear-gradient(to right,#11c7ff, #16a5ff);
            background: -o-linear-gradient(to right,#11c7ff, #16a5ff);
            background: -moz-linear-gradient(to right,#11c7ff, #16a5ff);
            background: linear-gradient(to right,#11c7ff, #16a5ff);
            border-radius: 5px;
        }

        .b2 {
            background: linear-gradient(to left bottom, rgba(82, 86, 255, 0.5), rgba(82, 86, 255, 0.9));
            border-radius: 5px;
        }

        .b3 {
            background: linear-gradient(to left bottom, rgba(254, 81, 150, 0.5), rgba(254, 81, 150, 0.9));
            border-radius: 5px;
        }

        .b4 {
            background: linear-gradient(to left bottom, rgba(255, 177, 153, 0.5), rgba(255, 177, 153, 0.9));
            border-radius: 5px;
        }

        .b5 {
            background: linear-gradient(to left bottom, rgba(0, 114, 255, 0.5), rgba(0, 114, 255, 0.9));
            border-radius: 5px;
        }

        .bg {
            position: relative;
            background-image: url(/MobWeb/bg.jpg);
            background-position: 50% 50%;
            background-size: cover;
            background-repeat: no-repeat;
        }
    </style>

</head>
<body>
    <section class="aui-flexView" id="INDEX">

        <header class="aui-navBar aui-navBar-fixed" style="padding:5px 10px;display:none">
            <img src="/MobWeb/Images/personhead.png" style="height:34px;width:34px" />
            <div style="margin-left:5px">
                <div style="font-size:12px"></div>
                <div style="font-size:12px"></div>

            </div>
        </header>
        <section class="aui-scrollView">


            <div class="m-slider" style="height:190PX" data-ydui-slider>
                <div class="slider-wrapper">
                    <div class="slider-item">
                        <a href="javascript:;" class="lb1">
                            <img class="lb " alt="" src="/MobWeb/Images/a1.jpg">
                            <div class="wenzi"></div>
                        </a>

                    </div>
                    <div class="slider-item">
                        <a href="javascript:;" class="lb2">
                            <img class="lb" alt="" src="/MobWeb/Images/a2.jpg">
                            <div class="wenzi"></div>
                        </a>
                    </div>

                    <div class="slider-item">
                        <a href="javascript:;" class="lb3">
                            <img class="lb" alt="" src="/MobWeb/Images/exam1.jpg">
                            <div class="wenzi"></div>
                        </a>
                    </div>
                    <!--<div class="slider-item">
                        <a href="javascript:;" class="lb4">
                            <img class="lb" alt="" src="/MobWeb/index/zw.jpg">
                            <div class="wenzi"></div>
                        </a>
                    </div>
                    <div class="slider-item">
                        <a href="javascript:;" class="lb5">
                            <img class="lb" alt="" src="/MobWeb/index/zw.jpg">
                            <div class="wenzi"></div>
                        </a>
                    </div>-->
                </div>
                <div class="slider-pagination"></div>
            </div>
            <div class="aui-palace aui-palace-one b-line" style="MARGIN-TOP: 15PX!important;">
                <a class="aui-palace-grid" v-for="(item,index) in yydata" :href="item.PageCode">
                    <div class="aui-palace-grid-icon">
                        <img :src="'/MobWeb/Images/menu/'+index+'.png'" style="border-radius: 15%;" />
                    </div>
                    <div class="aui-palace-grid-text">
                        <h2 v-text="item.PageName.split('-')[0]"></h2>
                    </div>
                </a>


            </div>
            <div class="aui-flex aui-flex-color" style="display:none">
                <div class="aui-news-sml">
                    <img src="/MobWeb/index/news.png" alt="">
                </div>
                <div class="aui-flex-box">
                    <div class="box">
                        <div class="t_news">
                            <ul class="news_li">
                                <li>
                                    <a href="javascript:return false;">系统通知1</a>
                                </li>
                                <li>
                                    <a href="javascript:return false;">系统通知2</a>
                                </li>
                            </ul>
                            <ul class="swap"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div>

                <div class="">
                    <div class="aui-flex-box">
                        <img src="" />
                    </div>
                    <div class="aui-flex-box">
                        <img src="" />
                    </div>
                    <div class="aui-flex-box">
                        <img src="" />
                    </div>
                </div>
                <div class="aui-flex" style="display: none">
                    <div class="aui-flex-box">
                        <h2>服务中心</h2>
                    </div>

                </div>
                <div class="aui-list-theme-box" style="margin-top:5px;display:none">
                    <a href="UI_SZSQCX.html?t=1" class="aui-list-item">
                        <div class="aui-list-theme-img">
                            <img src="" alt="">
                        </div>
                        <div class="aui-list-theme-message b2">
                            <!--<h3 class="aui-list-theme-title">水质</h3>-->
                            <div class="aui-flex">
                                <div class="aui-flex-box">
                                    <h3>水源水质</h3>
                                </div>
                                <div class="aui-coupon"><img src="/MobWeb/index/ad-02.png" alt=""></div>
                            </div>
                        </div>
                    </a>
                    <a href="UI_SZSQCX.html?t=2" class="aui-list-item">
                        <div class="aui-list-theme-img">
                            <img src="" alt="">
                        </div>
                        <div class="aui-list-theme-message b3">
                            <div class="aui-flex">
                                <div class="aui-flex-box">
                                    <h3>河源水情</h3>
                                </div>
                                <div class="aui-coupon"><img src="/MobWeb/index/ad-02.png" alt=""></div>
                            </div>
                        </div>
                    </a>


                </div>
                <div class="aui-list-theme-box" style="display: none">
                    <a href="UI_SJSM.html" class="aui-list-item">
                        <div class="aui-list-theme-img">
                            <img src="images/ad-004.jpg" alt="">
                        </div>
                        <div class="aui-list-theme-message b4">
                            <div class="aui-flex">
                                <div class="aui-flex-box">
                                    <h3>水价公示</h3>
                                </div>
                                <div class="aui-coupon"><img src="/MobWeb/index/ad-02.png" alt=""></div>
                            </div>
                        </div>
                    </a>
                    <a href="UI_People.html" class="aui-list-item">
                        <div class="aui-list-theme-img">
                            <img src="images/ad-004.jpg" alt="">
                        </div>
                        <div class="aui-list-theme-message b1">
                            <div class="aui-flex">
                                <div class="aui-flex-box">
                                    <h3>个人中心</h3>
                                </div>
                                <div class="aui-coupon"><img src="/MobWeb/index/ad-02.png" alt=""></div>
                            </div>
                        </div>
                    </a>

                </div>
            </div>


            <div style="display:none">
                <div class="divHeight"></div>
                <div class="aui-flex">
                    <div class="aui-flex-box aui-flex-box-one">
                        <h2>新闻列表</h2>
                    </div>
                    <div class="aui-arrow">
                        <span>更多</span>
                    </div>
                </div>
                <div class="aui-news-list">
                    <a href="javascript:;" class="aui-flex b-line" v-for="xw in xwdata" @click="goxw(xw)">
                        <div class="aui-flex-box">
                            <h3 v-text="xw.title"></h3>
                            <p>{{xw.fbdate|covdate("yyyy-mm-dd")}}</p>
                        </div>
                        <div class="aui-books-img">
                            <img :src="xw.imgurl" alt="">
                        </div>
                    </a>

                </div>
            </div>


        </section>
        <footer class="aui-footer aui-footer-fixed">
            <a href="index.html" class="aui-tabBar-item">
                <i class="el-icon-s-home" style="font-size:20px;color: indianred;"></i>
                <span class="aui-tabBar-item-text" style="color: indianred;">首页</span>
            </a>


            <a href="UI_People.html" class="aui-tabBar-item">
                <i class="el-icon-user-solid" style="font-size:20px"></i>
                <span class="aui-tabBar-item-text">个人中心</span>
            </a>
        </footer>
        <el-dialog title="修改密码"
                   :visible.sync="dialogVisible"
                   :showClose="false"
                   width="90%">
            <p>检测到你仍在使用默认密码,请尽快修改密码</p>
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="xgmm">确定</el-button>
            </span>
        </el-dialog>
    </section>
    <script type="text/javascript" src="/MobWeb/index/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="/MobWeb/index/slider.js?V=3"></script>
    <script src="/ViewV5/JS/vue.js"></script>
    <script src="/MobWeb/css/elem/index.js"></script>
    <script src="/ViewV5/JS/SZHLCommon.js?V=2021" type="text/javascript"></script>
    <script>
        var app = new Vue({
            el: '#INDEX',
            data: {
                dialogVisible: false,
                xwdata: [],
                fmdata: [],
                tzdata: [],
                czdata: [],
                yydata: [],
                dataItem: [],
                dataImgItem: [],
                iscansb: "N",
            },

            methods: {
                xgmm: function (xw) {
                    app.dialogVisible = false;
                },
                InitData: function () {

                }
            },
            filters: {
                covdate: function (value, args) {
                    return ComFunJS.getnowdate(args.toLowerCase(), value);
                }
            },
            mounted: function () {


                var pro = this;
                pro.$nextTick(function () {

                    $.getJSON('/api/Auth/ExeAction?Action=GETINDEXMENUNEW', { P1: "m" }, function (resultData) {
                        if (resultData.ErrorMsg == "") {
                            var menu = [];
                            for (var i = 0; i < resultData.Result.length; i++) {
                                for (var m = 0; m < resultData.Result[i].FunData.length; m++) {
                                    menu.push(resultData.Result[i].FunData[m])
                                }
                            }
                            app.yydata = menu;
                        }
                    })
                })
            }

        })


    </script>
    <script type="text/javascript">
        function b() {
            t = parseInt(x.css('top'));
            y.css('top', '20px');
            x.animate({
                top: t - 20 + 'px'
            }, 'slow');
            if (Math.abs(t) == h - 20) {
                y.animate({
                    top: '0px'
                }, 'slow');
                z = x;
                x = y;
                y = z;
            }
            setTimeout(b, 3000);
        }
        $(document).ready(function () {
            $('.swap').html($('.news_li').html());
            x = $('.news_li');
            y = $('.swap');
            h = $('.news_li li').length * 20;
            setTimeout(b, 3000);
        })
    </script>
</body>


</html>
